import { createRouter, createWebHistory, createWebHashHistory, RouteRecordRaw } from "vue-router";
import Area from '../views/area.vue';
import Collapse from '../views/collapse.vue';
import overSvg from '../views/overSvg.vue';
import overSvgLabel from '../views/overSvgLabel.vue';
import tabs from '../views/tabs.vue';
import topTitle from '../views/top-title.vue';
import treeShell from '../views/treeShell.vue';
import xhandle from '../views/xhandle.vue';
import AppTest from '../views/AppTest.vue';
const routes: Array<RouteRecordRaw> = [
  { path: '/area', component: Area },
  { path: '/collapse', component: Collapse },
  { path: '/overSvg', component: overSvg },
  { path: '/overSvgLabel', component: overSvgLabel },
  { path: '/tabs', component: tabs },
  { path: '/topTitle', component: topTitle },
  { path: '/treeShell', component: treeShell },
  { path: '/xhandle', component: xhandle },
  { path: '/AppTest', component: AppTest }
];

const router = createRouter({
  history: createWebHashHistory(process.env.BASE_URL),
  routes
});

export default router;
